<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>折线图</title>
		<script type="text/javascript" src="js/echarts.js"></script>
	</head>

	<body>
		<div id="sales" style="width: 600px;height: 400px;"></div>
		<script>
			myCharts = echarts.init(document.getElementById("sales"));
			var option = {
				title: {
					text: '一周销量变化曲线',
					subtext: '2022年第20周',
					left: 'center'
				},
				xAxis: {
					type: 'category',
					data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
				},
				yAxis: {
					type: 'value',
				},
				legend: {
					data: ['鼠标销量', '水杯销量'],
					left: 'right'
				},
				series: [{
						name: '鼠标销量',
						data: [200, 300, 400, 500, 800, 400, 300],
						type: 'line', //line表示折线
						//smooth:true ,表示曲线
					},
					{
						name: '水杯销量',
						data: [500, 600, 600, 550, 600, 400, 550],
						type: 'line', //line表示折线
						//smooth:true ,表示曲线
					}
				]
			};
			myCharts.setOption(option);
		</script>
	</body>

</html>